import React from 'react';
import { Input, Button } from 'antd';
import styles from './PermissionSearch.less';

const Search = Input.Search;


const PermissionSearch = (props) => {
  return (
    <div className={styles.normal}>
      <Button.Group>
        <Button type="primary" icon="plus-circle-o">新增</Button>
        <Button type="primary" icon="edit" onClick={props.handleEdit}>编辑</Button>
        <Button type="primary" icon="delete" onClick={props.handleDel}>删除</Button>
        <Button type="primary" icon="upload">导入</Button>
        <Button type="primary" icon="export">导出</Button>
      </Button.Group>

      <div className={styles.dv}>
        <Search style={{ width: '68%' }} size="large" placeholder="输入搜索内容" onSearch={value => console.log(value)} />
        <Button className={styles['search-button']} type="primary">高级搜索</Button>
      </div>
    </div>
  );
};

PermissionSearch.propTypes = {
};

export default PermissionSearch;
